<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>平安星球</title>
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" id="vp" content="width=device-width" />
  <meta name="keywords" content="">
  <meta name="Description" content="">
  <link rel="stylesheet" type="text/css" href="css/reset.css"/>
  <link rel="stylesheet" type="text/css" href="css/index.css"/>
  <script type="text/javascript" src="js/viewport.js" ></script>
</head>
<body class="body-def-index">


<!--
<div class="top"><span class="back"></span>平安星球</div>-->

<section class="section def-index">
  <div class="tit"><span></span></div>
  <div class="ball-section">
    <span class="circle"></span>
    <div class="ball-group">
    
      <div class="ball-list">
        <div class="ball-box ball-1">
          <a rel="parenting.html" class="ball">
            <h3>育儿星球</h3>
            <p>已挑战<i id="challenge-parenting">0</i>次</p>
          </a>
        </div>
        <div class="ball-box ball-2">
          <a rel="disport.html" class="ball">
            <h3>娱乐星球</h3>
            <p>已挑战<i id="challenge-disport">0</i>次</p>
          </a>
        </div>
        <div class="ball-box ball-3">
          <a rel="game.html?v6" class="ball">
            <h3>游戏星球</h3>
            <p>已挑战<i id="challenge-game">0</i>次</p>
          </a>
        </div>
        <div class="ball-box ball-4">
          <a rel="money.html" class="ball">
            <h3>理财星球</h3>
            <p>已挑战<i id="challenge-money">0</i>次</p>
          </a>
        </div>
        <div class="ball-box ball-5">
          <a rel="life.html" class="ball">
            <h3>生活星球</h3>
            <p>已挑战<i id="challenge-life">0</i>次</p>
          </a>
        </div>
        <div class="ball-box ball-6">
          <a rel="health.html" class="ball">
            <h3>健康星球</h3>
            <p>已挑战<i id="challenge-health">0</i>次</p>
          </a>
        </div>
      </div>
    </div>
  </div>


  <div class="bottom-l"></div>
</section>



  <script type="text/javascript" src="js/jquery-1.12.0.min.js" ></script>
  <script type="text/javascript" src="js/common.js" ></script>
  <script type="text/javascript" src="js/interface.js" ></script>
  <script type="text/javascript" src="js/index.js" ></script>
</body>
</html>
